/* 消除所有元素的默认内外边距 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 消除HTML和body的默认样式，并设置默认字体大小和行高 */
html,
body,
#app {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
}

body {
  background: radial-gradient(
    circle at 50% 35%,
    #034f8e,
    #034987,
    #02366d,
    #002353
  );
}

/* 取消列表的默认样式 */
ul,
ol {
  list-style: none;
}

/* 移除链接的默认下划线样式 */
a {
  text-decoration: none;
  color: inherit;
}

/* 消除表格相关的默认样式 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 消除图片和视频的默认边距，并使其适应父容器 */
img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 消除表单元素的默认样式 */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
  border: none;
  background: none;
  outline: none;
  padding: 0;
  margin: 0;
  appearance: none;
}

/* 确保按钮和表单控件在重置后仍然可点击 */
button {
  cursor: pointer;
}

/* 重置HTML5语义元素的默认样式 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/* 重置blockquote, q元素的默认样式 */
blockquote,
q {
  quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb {
  /* background: #e0e2ec; */
  background: rgba(5, 142, 201, 0.1);
}
